<script setup lang="ts">
import { ref, reactive } from "vue";
import { classBasic } from "@/stores/BackData/ClassManage/classBasic";

const store = classBasic();
const aclass = reactive(store.aclass);
</script>
<template>
  <div class="steptwo">
    <div>
      <el-alert title="课程发布之后此项不可修改" type="warning" show-icon />
      <el-form-item label="请选择是否收费" required>
        <el-radio-group v-model="aclass.classType">
          <el-radio label="1">是</el-radio>
          <el-radio label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <template v-if="aclass.classType == 1">
        <el-form-item label="课程价格" required style="max-width: 300px">
          <el-input v-model="aclass.price" placeholder="请输入课程价格" />
        </el-form-item>
      </template>
    </div>
  </div>
</template>
<style scoped>
.steptwo {
  width: 60%;
  margin: auto;
}
.el-alert {
  margin: 10px;
  width: 90%;
}

/* .el-alert:first-child {
  margin: 0;
} */
</style>
